<template>
	<view>
		<view class="box">
			<view class="line" @click="toChat">
				<image src="../../static/uni.png" mode="" class="ava"></image>
				<view class="" class="detail">
					<view class="" style="font-weight: 600;font-size: 32rpx;">
						漫步人生路
					</view>
					<view class="" style="color: #929292;font-size: 26rpx;">
						不减价哈
					</view>
					<view class="" style="color: #929292;font-size: 26rpx;">
						04-05
					</view>
				</view>
				<image src="../../static/home/pic1.png" mode="" class="pic"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			toChat() {
				uni.navigateTo({
					url: "/pages/chat/chat"
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	.box {
		margin: 0 30rpx;
		background-color: white;
		border-radius: 30rpx;
		padding: 30rpx 0;

		.line {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 30rpx;

			.ava {
				width: 100rpx;
				height: 100rpx;
				margin-right: 20rpx;
				border-radius: 100px;
			}

			.pic {
				width: 120rpx;
				height: 120rpx;
				margin-left: 20rpx;
				border-radius: 30px;
			}

			.detail {
				flex: 1;
				height: 120rpx;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
		}
	}
</style>